@charset "UTF-8";

@font-face {
    font-family: Minecraft;
    src: url('https://alwolf.gitee.io/minecraft_java_ui-vue3/assets/Minecraft_Regular-C8_gvJ1k.otf')
}

@font-face {
    font-family: Minecraft;
    font-style: italic;
    src: url('https://alwolf.gitee.io/minecraft_java_ui-vue3/assets/Minecraft_Italic-nHsDseMl.otf')
}

@font-face {
    font-family: Minecraft;
    font-weight: 700;
    src: url('https://alwolf.gitee.io/minecraft_java_ui-vue3/assets/Minecraft_Bold-8sKykjgk.otf')
}

@font-face {
    font-family: Minecraft;
    font-weight: 700;
    font-style: italic;
    src: url('https://alwolf.gitee.io/minecraft_java_ui-vue3/assets/Minecraft_BoldItalic-o8S6S1J9.otf')
}

@font-face {
    font-family: Minecraft_New;
    font-weight: 700;
    font-style: italic;
    src: url('https://alwolf.gitee.io/minecraft_java_ui-vue3/assets/unifont-15.0.01-46JgKLGv.ttf')
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    body {
        font-size: 16px
    }
}

@keyframes blink {

    0%,
    to {
        border-color: transparent
    }

    50% {
        border-color: #000
    }
}

.button[data-v-4a14f7dd] {
    font-size: 16pt;
    background-color: #00000080;
    background-image: url();
    background-size: cover;
    background-repeat: no-repeat;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    box-shadow: inset 2px 2px #ffffff80, inset -2px -3px #00000040;
    width: 600px;
    height: 50px;
    border: 3px solid #000
}

.button .text[data-v-4a14f7dd] {
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.button[data-v-4a14f7dd]:hover {
    background-color: #ffffff80;
    border: 3px solid #fff
}

.input[data-v-707a0da2] {
    color: #fff;
    padding: 10px;
    width: 400px;
    height: 20px;
    border: none;
    outline: 3px solid #a0a0a0;
    background-color: #000
}

.input[data-v-707a0da2]:focus {
    outline: 3px solid #fff
}

.old[data-v-88d61d52] {
    font-family: Minecraft !important
}

.new[data-v-88d61d52] {
    font-family: Minecraft_New !important
}

.message[data-v-2bfad93c] {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    color: #fff;
    padding: 10px;
    width: 400px;
    height: 20px;
    border: none;
    outline: 3px solid #555555;
    background-color: #212121;
    border-radius: 2px
}

.message.info[data-v-2bfad93c] {
    box-shadow: inset 1px 1px #ffffff80, inset -1px -2px #00000040;
    background-color: #036a96
}

.message.success[data-v-2bfad93c] {
    box-shadow: inset 1px 1px #ffffff80, inset -1px -2px #00000040;
    background-color: green
}

.message.warning[data-v-2bfad93c] {
    box-shadow: inset 1px 1px #ffffff80, inset -1px -2px #00000040;
    background-color: #b98f2c
}

.message.error[data-v-2bfad93c] {
    box-shadow: inset 1px 1px #ffffff80, inset -1px -2px #00000040;
    background-color: red
}

.message-enter-active[data-v-2bfad93c],
.message-leave-active[data-v-2bfad93c] {
    transition: top .3s ease
}

.message-enter-from[data-v-2bfad93c],
.message-leave-to[data-v-2bfad93c] {
    top: -50px
}

body {
    background: #bbb
}

.c[data-v-8164197f] {
    padding: 10px
}

.c .color[data-v-8164197f] {
    display: flex
}

.c .color .box[data-v-8164197f] {
    margin: 5px;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end
}

.c .color .box span[data-v-8164197f] {
    position: relative;
    bottom: 10px
}

.c .a[data-v-8164197f] {
    margin: 10px
}

.c .a p[data-v-8164197f] {
    margin-bottom: 10px
}

a[data-v-8164197f] {
    color: #000;
    text-decoration: none
}

a[data-v-8164197f]:hover,
a[data-v-8164197f]:link {
    color: #00ffff80
}